/* =========================================================
   DEFAULT THEME FIX FOR NEW HEADER
   ========================================================= */

.CompactHeader {
    background: #f3f3f3 !important;
    padding: 15px !important;
    border-bottom: 1px solid #d8d8d8 !important;
}





.SystemTitle,
#Name {
    color: #222 !important;
    font-size: 26px !important;
    font-weight: bold !important;
}


.QuickActionBtn {
    opacity: 1 !important;
    filter: none !important;
}

.HeaderField span,
.HeaderOrgArea,
.HeaderSearchArea,
.HeaderLocationArea {
    color: #222 !important;
    font-weight: bold !important;
}

.HeaderField {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}


/* إزالة أى شفافية قديمة */

.CompactHeader * {
    opacity: 1 !important;
}
/* =========================================================
   RESET NEW HEADER INSIDE DEFAULT THEME
   ========================================================= */

.CompactHeader,
.CompactHeader * {
    box-sizing: border-box;
}

/* الهيدر بالكامل */

.CompactHeader {
    width: 100%;
    background: #f2f2f2 !important;
    border: 1px solid #d6d6d6 !important;
    border-radius: 0 !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    color: #222 !important;
    font-family: Tahoma !important;
}

/* الصفوف */

/* الصف السفلى */

.BottomHeaderRow {
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid #dddddd !important;
}



.SystemTitle,
#Name {
    color: #222 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-shadow: none !important;
}


.QuickActionBtn {
    width: 36px !important;
    height: 36px !important;
    opacity: 1 !important;
    filter: none !important;
}

/* النصوص */

.HeaderField span,
.HeaderOrgArea,
.HeaderSearchArea {
    color: #222 !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

/* الفورمز */

.HeaderField {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.HeaderSearchArea input,
.HeaderSearchArea select,
.HeaderOrgArea select {
    background: #fff !important;
    border: 1px solid #cfcfcf !important;
    color: #222 !important;
}

/* إزالة ألوان الثيم القديم */

.CompactHeader table,
.CompactHeader tr,
.CompactHeader td,
.CompactHeader div {
    background-image: none !important;
}

/* إزالة الشفافية القديمة */

.CompactHeader * {
    opacity: 1 !important;
    filter: none !important;
}

/* =========================================
   USER AREA
========================================= */

/* =========================================================
   NEW HEADER SUPPORT FOR DEFAULT THEME
   ========================================================= */

.CompactHeader {
    background: linear-gradient( to bottom, #5f5aa8 0%, #4d4897 45%, #3f3a87 52%, #55509d 100% ) !important;
    border-top: 2px solid #7070b4 !important;
    border-bottom: 1px solid #2d236f !important;
    padding: 14px 18px !important;
    color: white !important;
    font-family: Normal !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 3px 10px rgba(0,0,0,.28) !important;
}

/* الصفين */

/* الصف السفلى */

.BottomHeaderRow {
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(255,255,255,.12) !important;
}

/* عنوان النظام */

.SystemTitle,
#Name {
    color: #fb9d23 !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 0px #222288 !important;
}

/* النصوص */

.HeaderField span,
.HeaderOrgArea,
.HeaderLocationArea {
    color: white !important;
    text-shadow: 1px 1px 0px #222288 !important;
    font-weight: bold;
}

/* الأزرار */

.QuickActionBtn {
    opacity: .9;
    transition: all .15s ease;
}

    .QuickActionBtn:hover {
        opacity: 1;
        transform: translateY(-1px);
    }

/* الفورمز */

.HeaderSearchArea input,
.HeaderSearchArea select,
.HeaderOrgArea select {
    border: 1px solid #a9a2d6 !important;
    background: #ebe9f9 !important;
    color: #383862 !important;
}

/* منع تأثيرات الجداول القديمة */

.CompactHeader table,
.CompactHeader tr,
.CompactHeader td {
    background: transparent !important;
}
.BottomHeaderRow .HeaderSearchArea {
    flex: 1;
    justify-content: flex-end !important;
}
/* =========================================================
   DEFAULT THEME - MODERN ICONS
   ========================================================= */


/* زر الأيقونة */

.QuickActionBtn {
    width: 42px !important;
    height: 42px !important;
    padding: 7px !important;
    border-radius: 10px !important;
    gap: 8px !important;
    background: linear-gradient( to bottom, rgba(255,255,255,.10) 0%, rgba(255,255,255,.04) 100% ) !important;
    border: 1px solid rgba(255,220,120,.25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 3px 8px rgba(0,0,0,.20) !important;
    transition: all .18s ease !important;
    opacity: 1 !important;
}

    /* صورة الأيقونة */

    .QuickActionBtn img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        filter: brightness(0) invert(1);
        opacity: .92;
    }

    /* Hover */

    .QuickActionBtn:hover {
        transform: translateY(-2px) !important;
        background: linear-gradient( to bottom, rgba(255,255,255,.18) 0%, rgba(255,255,255,.07) 100% ) !important;
        border-color: rgba(255,230,140,.55) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 6px 14px rgba(0,0,0,.28) !important;
    }

        /* Hover للصورة */

        .QuickActionBtn:hover img {
            opacity: 1;
        }
.ThemeToggleBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    background: linear-gradient( to bottom, rgba(255,255,255,.12), rgba(255,255,255,.04) );
    border: 1px solid rgba(255,255,255,.18);
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
    transition: all .18s ease;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 2px 6px rgba(0,0,0,.18);
}

    .ThemeToggleBtn:hover {
        transform: translateY(-1px);
        background: linear-gradient( to bottom, rgba(255,255,255,.18), rgba(255,255,255,.07) );
        box-shadow: 0 5px 12px rgba(0,0,0,.22);
    }
.ThemeIconBtn {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    text-decoration: none !important;
    color: white !important;
    padding: 0 !important;
}
/* =========================================================
   MODERN USER MENU - DEFAULT THEME
========================================================= */

.ModernUserWrapper {
    position: relative;
    z-index: 99999;
}

/* BUTTON */

.ModernUserButton {
    min-width: 240px;
    height: 44px;
    padding: 0 18px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    background: linear-gradient( to bottom, rgba(255,255,255,.10), rgba(0,0,0,.10) );
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 6px 18px rgba(0,0,0,.18);
    transition: all .18s ease;
}

    .ModernUserButton:hover {
        border-color: rgba(255,255,255,.28);
        transform: translateY(-1px);
    }

/* USER NAME */

.ModernUserName {
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
}

/* ARROW */

.UserArrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 14px;
    transition: transform .18s ease;
}

.ModernUserWrapper:hover .UserArrow {
    transform: rotate(180deg);
}

/* DROPDOWN */

.ModernUserDropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    min-width: 250px;
    width: auto;
    padding: 14px;
    border-radius: 22px;
    background: linear-gradient( to bottom, rgba(86,76,170,.96), rgba(63,54,140,.98) );
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .20s ease;
    z-index: 999999;
}

.ModernUserWrapper:hover .ModernUserDropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* DIVIDER */

.ModernDropDivider {
    height: 1px;
    margin: 16px 4px;
    background: linear-gradient( to left, transparent, rgba(255,255,255,.18), transparent );
}

/* GRID */

.ModernDropGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    /* ICON BUTTON */

    .ModernDropGrid .HeaderIconBtn {
        width: 32px;
        height: 32px;
        border-radius: 12px;
        background: linear-gradient( to bottom, rgba(255,255,255,.10), rgba(0,0,0,.12) );
        border: 1px solid rgba(255,255,255,.12);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 3px 10px rgba(0,0,0,.18);
        transition: all .18s ease;
    }

        .ModernDropGrid .HeaderIconBtn:hover {
            transform: translateY(-2px);
            border-color: rgba(255,255,255,.24);
        }

        .ModernDropGrid .HeaderIconBtn img {
            width: 13px !important;
            height: 13px !important;
        }

/* ORG BOX */

.OrgSelectorBox {
    padding: 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
}

/* TITLE */

.OrgSelectorTitle {
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

/* SELECT */

.ModernUserDropdown select {
    width: 100%;
    height: 40px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.94);
    padding: 0 12px;
    font-weight: bold;
}

/* OPTIONS */

/* dropdown options */

.ModernUserDropdown option {
    background: #f3f3f7 !important;
    color: #222 !important;
    font-weight: bold;
    padding: 10px;
}

    /* selected */

    .ModernUserDropdown option:checked {
        background: #dcdcff !important;
        color: #111 !important;
    }

    /* hover */

    .ModernUserDropdown option:hover {
        background: #cfcfff !important;
        color: #000 !important;
    }

/* ACCOUNT ITEMS */

.ModernDropItem {
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 12px;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: bold;
    transition: all .18s ease;
    color: #f5f5ff !important;
    font-weight: 700;
    border-radius: 12px;
    padding: 12px 14px;
}

    .ModernDropItem i {
        width: 18px;
        text-align: center;
        color: #d9c7ff;
        transition: all .18s ease;
    }

    .ModernDropItem:hover {
        background: rgba(255,255,255,.10);
        color: #ffffff !important;
        transform: translateX(-2px);
    }

.LogoutItem:hover {
    background: rgba(255,90,90,.12);
}
.ModernUserDropdown option {
    background: #564ab2;
    color: #ffffff;
    font-weight: bold;
}
/* hover icons */

.ModernDropItem:hover i {
    color: #ffe082;
}

/* logout special hover */

.LogoutItem:hover {
    background: rgba(255,90,90,.14);
}

    .LogoutItem:hover i {
        color: #ffb3b3;
    }

/* =========================================
   OTHER USER TITLE
========================================= */

.OrgSelectorTitle {
    color: #222 !important;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
/* النصوص الأساسية داخل الدروب */

.ModernUserDropdown,
.ModernUserDropdown span,
.ModernUserDropdown label,
.ModernUserDropdown a {
    color: #222 !important;
}

    /* عنوان الفرع */

    .ModernUserDropdown #laorg,
    .ModernUserDropdown #orgname {
        color: #222 !important;
        font-weight: bold;
    }

/* روابط الحساب */

.ModernDropItem {
    color: #222 !important;
    font-weight: 700;
}

    /* أيقونات الحساب */

    .ModernDropItem i {
        color: #5c4fc9 !important;
    }

    /* hover */

    .ModernDropItem:hover {
        background: rgba(92,79,201,.10);
        color: #000 !important;
    }

/* عنوان الدخول كمستخدم آخر */

.OrgSelectorTitle {
    color: #222 !important;
    font-weight: bold;
}
/* =========================================
   CLEAN EMPTY BOTTOM HEADER
========================================= */

.BottomHeaderRow {
    min-height: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: none !important;
    background: transparent !important;
}

/* old unused blocks */

.HeaderOrgArea,
.HeaderSearchArea,
.HeaderLocationArea {
    display: none !important;
}
/* =========================================
   DEFAULT HEADER FINAL FIX
========================================= */


/* center logo */

.HeaderActionsArea,
.HeaderOrgArea,
.HeaderSearchArea,
.HeaderLocationArea {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* menu row */

.SiteMasterHeader {
    width: 100% !important;
    table-layout: fixed;
}

/* menu cell */

.MenuMainCell {
    width: auto !important;
}

    .MenuInlineSearch input[type=text] {
        width: 100% !important;
        height: 38px !important;
        border-radius: 12px !important;
    }

/* keep bottom row normal */

.BottomHeaderRow {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 10px !important;
}
/* =========================================
   INLINE MENU SEARCH - DEFAULT
========================================= */

.MenuSearchCell {
    width: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative;
}

.MenuMainCell {
    width: 100% !important;
}

/* search floating inside menu */

.MenuInlineSearch {
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(calc(-50% - 4px));
}

    /* input */

    .MenuInlineSearch input[type=text],
    .MenuInlineSearch select {
        width: 150px !important;
        height: 30px !important;
        border-radius: 10px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        background: rgba(255,255,255,.94) !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        box-shadow: 0 2px 6px rgba(0,0,0,.12);
        transition: all .18s ease;
    }

        /* expand on focus */

        .MenuInlineSearch input[type=text]:focus,
        .MenuInlineSearch select:focus {
            width: 230px !important;
            background: #fff !important;
        }

.HeaderActionsArea,
.HeaderOrgArea,
.HeaderSearchArea,
.HeaderLocationArea {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}



.CompanySmallLogo {
    position: absolute !important;
    right: 0px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: block !important;
}

    .CompanySmallLogo img,
    #Companylogo {
        height: 35px !important;
        width: auto !important;
    }
.TopHeaderRow,
.BottomHeaderRow {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    position: relative !important;
}
.TopHeaderRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/* =========================================
   SE_CustomerOrderNew
========================================= */

.InvoiceSummaryBox {
    min-height: 180px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 10px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}

.InvoiceSummaryHeader {
    background: linear-gradient(to right,#5f5aa8,#6f69c9);
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 8px;
    margin-bottom: 10px;
}

.order-cost-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    padding: 12px 20px;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    color: #49498a;
    font-size: 16px;
    min-height: 60px;
}

    .order-cost-box img {
        margin-left: 12px;
        transition: transform 0.3s ease;
        cursor: pointer;
        height: 40px;
    }

        .order-cost-box img:hover {
            transform: scale(1.1);
        }

.order-cost-label {
    font-weight: bold;
    margin-left: 6px;
}

.order-cost-value {
    margin-left: 5px;
    color: #2c2c6c;
}

.order-cost-currency {
    margin-right: 5px;
    font-weight: bold;
    color: #444;
}

.custom-dropdown {
    direction: rtl;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #ced4da;
    padding: 4px 9px;
    font-size: 14px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .custom-dropdown:focus {
        border-color: #80bdff;
        box-shadow: 0 0 5px rgba(0,123,255,0.25);
        outline: none;
    }

.custom-input {
    width: 150px;
    border-radius: 8px;
    border: 1px solid #ced4da; /* إطار خفيف */
    background-color: #ffffff;
    padding: 6px 12px;
    font-size: 14px;
    color: #495057;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* ظل خفيف */
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .custom-input:focus {
        border-color: #80bdff;
        box-shadow: 0 0 6px rgba(0, 123, 255, 0.2); /* ظل عند التركيز */
        outline: none;
    }


.center-link {
    justify-content: center; /* في النص */
}

.order-link {
    text-decoration: none;
    color: #49498a;
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.6);
    transition: all 0.25s ease;
}

    .order-link:hover {
        background-color: #ffffff;
        color: #363668;
        box-shadow: 0 3px 8px rgba(0,0,0,0.12);
    }

.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
/* تنسيق الحاوية الرئيسية */
.erp-action-container {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* تنسيق زر الحذف */
.erp-btn-delete {
    background-color: #dc3545;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    cursor: pointer;
}

    .erp-btn-delete:hover {
        background-color: #bb2d3b;
        color: #fff;
    }

/* تنسيق منطقة الترتيب */
.erp-sort-box {
    background-color: #ffffff;
    border: 1px dashed #0d6efd;
    padding: 5px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

    .erp-sort-box label {
        margin-right: 8px;
        color: #0d6efd;
        font-weight: 600;
        cursor: pointer;
    }

    /* تحسين شكل الشيك بوكس الخاص بالترتيب */
    .erp-sort-box input[type="checkbox"] {
        transform: scale(1.2);
        cursor: pointer;
    }

.erp-hint {
    font-size: 0.85rem;
    color: #6c757d;
    margin-right: 10px;
}

/* تنسيق العنوان */
.erp-header-title {
    background: linear-gradient(90deg, #49498a 0%, #6d95e1 100%);
    color: white;
    padding: 10px 25px;
    border-radius: 50px; /* شكل بيضاوي احترافي */
    display: inline-block;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

/* حاوية الأزرار السفلية */
.erp-footer-actions {
    display: flex;
    justify-content: space-between; /* توزيع يمين ويسار */
    align-items: center;
    padding: 20px;
    background-color: #fcfcfc;
    border-top: 2px solid #eee;
    margin-top: 15px;
}

/* تنسيق أزرار الحفظ والإلغاء */
.btn-erp-primary {
    background-color: #49498a;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

    .btn-erp-primary:hover {
        background-color: #363668;
    }

.btn-erp-secondary {
    background-color: #6c757d;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 5px;
    margin-left: 5px;
}

.btn-erp-danger-outline {
    background-color: transparent;
    color: #dc3545;
    border: 1px solid #dc3545;
    padding: 10px 25px;
    border-radius: 5px;
}

    .btn-erp-danger-outline:hover {
        background-color: #dc3545;
        color: white;
    }
/* =========================================
   SE_CustomerOrderNew - Invoice Discount
========================================= */

.InvoiceDiscountBox {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 15px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    margin-top: 15px;
}
.InvoiceActions {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px;
}

    .InvoiceActions a {
        padding: 6px 12px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: bold;
    }
/* =========================================
   SE_CustomerOrderNew - Upload Items Grid
========================================= */

.UploadItemsBox {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 15px;
    color: #49498a;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    margin-top: 15px;
}



    /* =========================================
   SE_CustomerOrderNew - GridView
========================================= */

.UploadItemsGrid {
    padding: 10px;
}

    .UploadItemsGrid table {
        width: auto;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    .UploadItemsGrid th {
        background: linear-gradient(to right,#5f5aa8,#6f69c9);
        color: #fff;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    .UploadItemsGrid td {
        padding: 6px;
        background: rgba(255,255,255,.35);
    }

    .UploadItemsGrid tr:nth-child(even) td {
        background: rgba(255,255,255,.22);
    }

    .UploadItemsGrid tr:hover td {
        background: rgba(255,255,255,.50);
    }

    .UploadItemsGrid input[type=text] {
        width: 95%;
        border: 1px solid #cfcfe8;
        border-radius: 6px;
        padding: 5px;
        text-align: center;
    }
    /* الكود */
    .UploadItemsGrid input[id*="txtCode"] {
        width: 200px !important;
    }

    .UploadItemsGrid input[id*="txtQuantityExisting"] {
        width: 100px !important;
    }

    .UploadItemsGrid input[id*="txtQuantity"]:not([id*="Existing"]) {
        width: 80px !important;
    }

/*=========================================
SE_CustomerOrderNew - Upload Toolbar
=========================================*/

.UploadItemsActions {
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    padding: 15px;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
    margin-bottom: 20px;
}

    .UploadItemsActions table {
        margin: auto;
    }

    .UploadItemsActions td {
        padding: 5px 10px;
        vertical-align: middle;
    }

    .UploadItemsActions img {
        transition: all .25s ease;
        cursor: pointer;
        border-radius: 8px;
    }

        .UploadItemsActions img:hover {
            transform: scale(1.15);
            filter: drop-shadow(0 2px 6px rgba(0,0,0,.25));
        }

    .UploadItemsActions a {
        color: #49498a;
        font-weight: bold;
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 8px;
        background: rgba(255,255,255,.55);
        transition: all .25s ease;
    }

        .UploadItemsActions a:hover {
            background: #ffffff;
            color: #363668;
        }
/*=========================================
SE_CustomerOrderNew - Download Template Link
=========================================*/
    .UploadItemsActions a {
        color: #49498a;
        font-weight: bold;
        text-decoration: none;
        padding: 6px 14px;
        border-radius: 8px;
        background: rgba(255,255,255,.55);
        transition: all .25s ease;
    }

        .UploadItemsActions a:hover {
            background: #ffffff;
            color: #363668;
        }
    .UploadItemsActions input[type=file] {
        padding: 6px;
        border-radius: 8px;
        background: rgba(255,255,255,.35);
    }

/* =========================================
   SE_CustomerOrderNew - Grid Section
========================================= */

.GridSectionBox {
    margin-top: 25px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,.15);
}
/* =========================================
   SE_CustomerOrderNew - Upload Toolbar Icons
========================================= */

.UploadItemsActions table {
    margin: auto;
}

.UploadItemsActions tr:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

    .UploadItemsActions tr:first-child td {
        padding: 0;
        width: auto !important;
    }
/* =========================================
   SE_CustomerOrderNew - Import Top Bar
========================================= */

.importTopBar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
}

.importFileBox {
    display: flex;
    align-items: center;
    gap: 15px;
}

.importFileDivider {
    width: 1px;
    height: 30px;
    background: rgba(73,73,138,.25);
}

.importTemplateBtn {
    text-decoration: none;
    font-weight: bold;
    color: #49498a;
}

.importActionsBox {
    display: flex;
    align-items: center;
    gap: 15px;
}

    .importActionsBox img {
        transition: .25s;
    }

        .importActionsBox img:hover {
            transform: scale(1.15);
        }


/* =========================================
   RecQuantitiesWithPricesNew - GridView
========================================= */

.UploadItemsGridPurchasing {
    padding: 10px;
}

    .UploadItemsGridPurchasing table {
        width: auto;
        margin: auto;
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 12px;
        overflow: hidden;
    }

    .UploadItemsGridPurchasing th {
        background: linear-gradient(to right,#5f5aa8,#6f69c9);
        color: #fff;
        padding: 10px;
        text-align: center;
        font-weight: bold;
    }

    .UploadItemsGridPurchasing td {
        padding: 6px;
        background: rgba(255,255,255,.35);
    }

    .UploadItemsGridPurchasing tr:nth-child(even) td {
        background: rgba(255,255,255,.22);
    }

    .UploadItemsGridPurchasing tr:hover td {
        background: rgba(255,255,255,.50);
    }

    .UploadItemsGridPurchasing input[type=text] {
        width: 95%;
        border: 1px solid #cfcfe8;
        border-radius: 6px;
        padding: 5px;
        text-align: center;
    }
    /* الكود */
    .UploadItemsGridPurchasing input[id*="txtCode"] {
        width: 200px !important;
    }

    /* الكمية */
    .UploadItemsGridPurchasing input[id*="txtQuantity"] {
        width: 70px !important;
    }

    /* السعر */
    .UploadItemsGridPurchasing input[id*="txtPrice"] {
        width: 90px !important;
    }

    /* آخر سعر شراء */
    .UploadItemsGridPurchasing input[id*="txtLastBuyingPrice"] {
        width: 90px !important;
    }

    /* آخر سعر شراء من المورد */
    .UploadItemsGridPurchasing input[id*="txtLastBuyingPriceSupplier"] {
        width: 110px !important;
    }
/* =========================================
   ERP Footer HyperLink
========================================= */

.erp-link-button {
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    background: linear-gradient(to right,#5f5aa8,#6f69c9);
    padding: 8px 18px;
    border-radius: 8px;
    font-weight: bold;
    margin-right: 10px;
    transition: all .25s ease;
}

    .erp-link-button:hover {
        color: #fff;
        background: linear-gradient(to right,#4e4995,#5d57b8);
        box-shadow: 0 3px 10px rgba(0,0,0,.20);
    }

/* =========================================
   TopHeaderRow
========================================= */

/* اللوجو */

.HeaderRight {
    width: 260px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* اسم الشركة */

.HeaderCenter {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.SystemTitle {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/* المستخدم */

.HeaderLeft {
    width: 260px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
/* =========================================
   Credit Limit Warning
========================================= */

.erp-credit-warning {
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #d80000;
    background: #e1e1f6;
    border: 1px solid #b9b9e8;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(73,73,138,.12);
}

.erp-credit-warning-before {
    color: #c00000;
}

@media print {

    /* إخفاء الهيدر والقوائم */
    .TopHeaderRow,
    .BottomHeaderRow,
    .HeaderActionsArea,
    .importTopBar,
    .UploadItemsActions,
    .erp-footer-actions,
    .FloatingNotesButton,
    .LeftMenu,
    .MenuArea {
        display: none !important;
    }

    body {
        background: #fff !important;
    }

    /* إزالة الظلال والخلفيات */
    .GridSectionBox,
    .UploadItemsBox,
    .InvoiceMainBox {
        box-shadow: none !important;
        border: none !important;
        background: #fff !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* تصغير الجدول للطباعة */
    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        width: auto !important;
        margin: auto !important;
    }

    /* إظهار حدود الخانات فى الطباعة */
    .UploadItemsGrid input[type=text],
    .UploadItemsGridPurchasing input[type=text] {
        border: 1px solid #999 !important;
        background: #fff !important;
        box-shadow: none !important;
        color: #000 !important;
        font-weight: bold !important;
        border-radius: 0 !important;
    }
    /* خطوط الجدول */
    .UploadItemsGrid table,
    .UploadItemsGrid th,
    .UploadItemsGrid td,
    .UploadItemsGridPurchasing table,
    .UploadItemsGridPurchasing th,
    .UploadItemsGridPurchasing td {
        border: 1px solid #999 !important;
    }

    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        border-collapse: collapse !important;
    }

    /* ألوان الطباعة */
    .UploadItemsGrid th,
    .UploadItemsGridPurchasing th {
        background: #ddd !important;
        color: #000 !important;
    }

    .UploadItemsGrid td,
    .UploadItemsGridPurchasing td {
        background: #fff !important;
        color: #000 !important;
    }

    /* الحفاظ على ألوان التنبيهات */
    .UploadItemsGrid tr[style*="Red"] td,
    .UploadItemsGrid tr[style*="#FF0000"] td,
    .UploadItemsGridPurchasing tr[style*="Red"] td,
    .UploadItemsGridPurchasing tr[style*="#FF0000"] td {
        background: #ffd6d6 !important;
    }

    .UploadItemsGrid tr[style*="Orange"] td,
    .UploadItemsGrid tr[style*="#FFA500"] td,
    .UploadItemsGridPurchasing tr[style*="Orange"] td,
    .UploadItemsGridPurchasing tr[style*="#FFA500"] td {
        background: #fff0c2 !important;
    }

    .UploadItemsGrid tr[style*="Green"] td,
    .UploadItemsGrid tr[style*="#008000"] td,
    .UploadItemsGridPurchasing tr[style*="Green"] td,
    .UploadItemsGridPurchasing tr[style*="#008000"] td {
        background: #dff7e5 !important;
    }

    .UploadItemsGrid tr,
    .UploadItemsGridPurchasing tr {
        page-break-inside: avoid !important;
    }

    .UploadItemsGrid table,
    .UploadItemsGridPurchasing table {
        page-break-inside: auto;
    }
}